/*
Theme name: Designoholic
Theme URI: http://zyn.vn
Author: VnZyn
Author URI: http://zyn.vn
Description: Designoholic
Version: 1.0
Tags: designoholic, while, news, twitter, facebook
*/

* {margin: 0; padding: 0;}
a { text-decoration: none; }
ul,ol { list-style: none inside;}
img { max-width:500px; border: none; }
.clear { clear: both; }
@font-face{
    font-family: DroidSans;
    src: url('font/DroidSans.otf');
}
@font-face{
    font-family: BebasNeue;
    src: url('font/BebasNeue.otf');
}
body {
    background: url("images/background.jpg") repeat 0 0 scroll transparent;
    font-family: DroidSans,Arial,Helvetica,sans-serif;
    font-size: 62,5%;
}

#wrapper {
    background: url("images/bg.jpg") repeat-x 0 0 scroll transparent;
    width: 100%;
    clear: both;
}
#wrapcontentinner {
    width: 975px;
    margin: 0 auto;
}
/******HEADER
*********************/
#header {
    width: 100%;
    height: 200px;
    float: left;
}
#header #top {
    height: 100px;
    width: 100%;
    clear: both;
}
#logo { float: left;}
/*---List Pages--*/
ul#pages {
    float: left;
    margin: 55px 1px 1px 40px;
}
ul#pages li{
    display: block;
    float: left;
}
ul#pages li a{
    color: #58334a;
    font-size: 16px;
    display: block;
    float: left;
    padding: 0 10px;
    background: none;
    height: 57px;
    background: url("images/linePage.jpg") no-repeat top right; 
    text-transform: uppercase;
    font-weight: bold;
}
ul#pages li:hover{
    background: url("images/hover.png") no-repeat center bottom;
}

p#social {float: right;margin: 50px 10px 0 0;}
p#social a { padding: 0 2px;}

#title {
    width: 975px;
    height: 100px;
    clear: both;
    line-height: 80px;
}
#title h2 {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
}
/******Content
*********************/
#content {
    width: 100%;
    height: auto;
    clear: both;
}
/*----Primary
--------------*/
#primary {
    width: 650px;
    height: auto;
    float: left;
}
.entry {
    width: 595px;
	min-height: 140px;
    float: right;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 55px;
    position: relative;
}

ul.entry-cat {
    float: right;
    margin: 5px 5px 0 0;
}
ul.entry-cat li{
    display: block;
    float: left;
    padding: 0 4px;
}
ul.entry-cat li a{
    display: block;
    float: left;
    color: #8e7956;
    background-color: #eae5da;
    padding: 2px 5px;
    border-radius: 5px;
}

.entry-post {clear: both;padding: 0px 10px 15px 15px;}
h2.entry-title {
    margin-bottom: 10px;
}
h2.entry-title a{
    color: #3d4f73;
    font-size: 28px;
}
.entry-content {
    font-size: 13px;
    color: #333333;
    padding: 5px 0;
}


/* CSS Date time */
#date_holder {
	font-family: DroidSans, Arial, Helvetica, sans-serif;
	width:56px;
	height:84px;
	text-align:center;
	line-height:27px;
	background:#6d3b59;
	color:#e8d6d8;
	font-weight:bold;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	position:absolute;
	top:25px;left:-56px;
}
#date_year {
	font-size:10px;
	margin:-20px 0px 0px 0px;
}
#date_day {
	font-size: 40px;
	font-weight: bold;
	height: 50px;
}
#date_month {
	font-size:10px;
}
/*social share*/
ul.share {
    position: absolute;
    right: 0px;
    bottom: -29px;
}

ul.share li{float: left;}
 
.entry-comt {
    background: url("images/cmt.jpg") no-repeat left center;
    padding-left: 16px;
    color: #B8A483;
    font-size: 13px;
}
.entry-comt a {
    color: #B8A483;
    font-size: 13px;
}
.readmore {
    float: right;
    font-family: BebasNeue;
    font-size: 19px;
    font-weight: bold;
    background: url("images/readmore.jpg") no-repeat center right;
    padding-right: 15px;
}
.readmore a{
    color: #835C4B;
}
/*-----Sidebar-----*/
#sidebar {
    float: right;
    width: 300px;
}

/*Form Search*/
#frmSearch {
    display: block;
    width: 300px;
    height: 45px;
    background: #b8a193;
    border-radius: 5px;
    clear: both;
}
#frmSearch input {
    display: block;
    float: left;
    margin: 4px;
    _margin: 4px 4px 4px 2px;
}
#frmSearch input.textInput{
    width: 245px;
    height: 35px;
    margin-left: 5px;
    _margin-left: 2px;
    padding: 0 5px;
    _padding: 0 _2px;
    border: none;
    border-radius: 5px;
}
#frmSearch input.submit {
    width: 21px; height: 21px;
    background: url("images/search.jpg") no-repeat 0 0;
    border: none;
    margin-top: 10px;
}

/*Box widget*/
.box{
    background: url("images/line.jpg") repeat-x center top transparent;
    margin-top: 35px;
    padding-bottom: 30px;
    clear: both;
    width: 100%;
    height: auto;
}
.box h2 {
    color: #8e7956;
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 0;
}
/*Categories*/
    .box ul#categories {
    display: block;
}
.box ul#categories li{
    float: left;
    padding: 5px;
}
.box ul#categories li a{
    padding: 3px 5px;
    color: #7a736f;
    background: #fff;
    border-radius: 3px;
    font-size: 13px;
}

.box > span {
    color: #09204e;
    font-weight: bold;
    font-style: italic;
}
.box ul, .box ul li{
    display: block;
}
.box ul li span {
    font-size: 14px;
}
.box ul li span.post-date{
    color: #0d4c7b;
}
.box ul li span.post-name{
    color: #564c47;
}

/*****Footer*
************************/
#footerOut {
    background: url("images/bg_footer.jpg") repeat 0 0 scroll transparent;
    width: 100%;
    height: auto;
    clear: both;
}
#footer {
    width: 975px;
    margin: 0 auto;
    font-family: DroidSans,Arial;
}

.info {
    width: 280px;
    float: left;
    padding: 20px;
    _padding: 20px 10px;
}
.info h2.icon {
    height: 75px;
    width: 200px;
    text-align: center;
    border-bottom: 1px solid #cabba5;
    margin: 0 auto;
}
.info h2.title {
    color: #cabba5;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 15px 0;
}

.info span.twt {
    color: #cabba5;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin: 0 auto 10px;
    width: 100px;
}
/*twitter*/
.statusOut { position: relative; }
.status {
    float: left;
    width: 280px;
	position: relative;
}
.status .twitter-avatar{
    display: block;
    width: 51px; height: 51px;
    float: left;  
}

.status ul li {
    width: 190px;
    float: right;
    background:#f1d4b5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Georgia,Arial;
    font-size: 13px;
    padding: 10px;
}
.status ul li a.twitter-user {
	color: #000;
	font-weight: bold;
}
.status ul li a.reply-to {
	color: #333;
}
.status ul li  .time-meta a {
	color: #333;
}

#tw-bg {
position: absolute;
bottom: 65px;
left: 80px;
}
/*mail*/
.mail {
    width: 100%;
    float: left;
}
.mail p {
    color: #cabba5;
    font-style: italic;
    font-size: 13px;
    width: 230px;
    margin: 0 auto;
}
.mail form.epicwin-subscription label {
    color: #FFFFFF;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}
.mail form.epicwin-subscription input {
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin: 5px auto;
}
.mail form.epicwin-subscription input[type="text"] {
    height: 35px;
    padding: 0 5px;
    width: 230px;
}
.mail form.epicwin-subscription button {
    background: url("images/signup.jpg") no-repeat scroll center center transparent;
    border: medium none;
    font-family: BebasNeue,Arial;
    font-size: 18px;
    height: 37px;
    width: 89px;
	cursor: pointer;
}

#about {
    width: 100%;
    float: left;
}
#about ul { margin: 0 auto;list-style: none;}
#about ul.rule {width: 320px;}
#about ul.rule li{
    display: inline;
    border-left: 2px solid #979595;
}
#about ul.rule li:first-child{border: none;}
#about ul.rule li a{
    color: #979595;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
}
#about ul.phone li{
    display: block;
    float: left;
    height: 47px;
    line-height: 47px;
    color: #979595;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}
/*------------------------------------------------*/
/*----------------[PageNavi]----------------*/
/*------------------------------------------------*/
.pagenavi{float: left;width: 100%;padding: 15px 0 20px; text-align: center;}
.pagenavi span,.pagenavi a{
	color: #614c40;font-size: 15px;	
	padding:3px 4px;margin-right:5px;background:transparent;
	border:1pxsolid#757575;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pagenavi span { margin-right: 20px; }
.pagenavi span.current { margin: 0px!important; }
.pagenavi a { background: #c2b197; }
.pagenavi a:hover,.pagenavi .current{background:#e6dfd7;color:#4d4d4d;text-decoration:none;}
.pagenavi .pages,.pagenavi .current{color: #4d4d4d;font-weight:bold}
.pagenavi .pages{border:none}

/**comment**/
#comment-template {
    width: 600px;
    height: auto;
    float: right;
}
h3#comments {
    font-size: 15px;
    color: #979595;  
}
.comment-author {
    width: 100%;
    float: left;
}
.comment-author p{
    display: block;
    padding: 0 10px 0 5px;
    float: left;
    height: 25px;
    line-height: 25px;
}
.comment-author p.fn a{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.comment-author p.comment-meta {font-size: 12px;}

.commentBody {
    float: left;
    width: 100%;
    border: 2px dotted #979595;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}
.commentBody a {
    color: #8E7956;
    text-decoration: none;
}
.commentBody a:hover {color: #fff;}
.reply {
    display: block;
    float: right;
}
.reply a{
    color: #fff;
    font-weight: bold;
   
}

#respond,#commentform {
    width: 100%;
    float: left;
    margin: 5px 0;
}
#commentform p {display: block; clear: both;}
#commentform p label { display: block; width: 100px; height: 25px;}
#commentform p input {
    display: block; 
    width: 160px; height: 25px; 
    padding: 1px 5px;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#commentform p textarea { 
    display: block;
    width: 485px; height: 170px;
    min-width: 485px; min-height: 170px; 
    margin: 10px 0; 
    padding: 5px; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
}
#commentform p #submit {
    display: block;
    background: #2E2623;
    padding: 3px 10px;
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

/**WP125 Plugin Adsz*/
.wp125ad {float: left; padding: 5px;}
/**Recent comment Plugin**/
ul#recentcomments {
list-style: circle inside;
}
ul#recentcomments li.recentcomments {
color: #979595;
}
ul#recentcomments li.recentcomments a{
font-size: 13px;
color: #F1D4B5;
}
ul#recentcomments li.recentcomments a.url {
color: #fff!important;	
}